a, a:link {
    text-decoration: none;
}
*{margin: 0;padding: 0;}
body{
    background-color: #f4f4f4;
}
ol, ul {
    list-style: none;
}
#header-box{
    height: 145px;
    font-size: 12px;
    #top{
        background: #ededed;
        height: 35px;
        line-height: 35px;
        color: #8f8f8f;
        #b1{
            width: 1200px;
            margin: 0 auto;
            #left{
                // width: 300px;
                display: inline;
                float: left;
                .s{
                    margin-right: 20px;
                }
                a{
                   color:  #8f8f8f;
                }
            }
            #right{
                width: 550px;
                float: right;
                .zhanghu{
                    float: left;
                    color: #8f8f8f;
                    margin: 0 10px;
                }
                span{
                    float: left;
                    margin-right: 5px;
                }
                .gouwu{
                    float: left;
                    color: #8f8f8f;

                }
                .shou{
                    float: left;
                    font-size: 20px;
                    color: #8f8f8f;
                    margin-left: 10px;
                }
                i{
                    display: inline-block;
                    width: 23px;
                    height: 23px;
                    overflow: hidden;
                    margin-right: 10px;
                    background: url(../img/未标题-1.png) no-repeat;
                    background-size: 100%;

                    vertical-align: middle;
                }
            }
        }
    }
    #zhong{
        width: 1200px;
        height: 80px;
        margin: 0  auto;
        padding-top: 15px;
        padding-bottom: 15px;
        .logo{
            display: inline;
            position: relative;
            top: 10px;
            float: left;
            width: 250px;
            height: 60px;
            margin-right: 250px;
            background: url(../img/未标题-2.png) no-repeat;
            background-size: 100%;
      
        }
        .coupon{
                width: 180px;
                height: 60px;
                margin-left: 0px;
                margin-right: 10px;
                margin-top: -3px;
                float: left;
                display: inline;
        }
        .sousuo{
            float: left;
            width: 370px;
            padding-top: 5px;
            .sousuokang{
                position: relative;
                width: 370px;
                height: 36px;
                overflow: hidden;
                border: 1px solid #eae9e9;
                .kuang{
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 370px;
                    padding-left: 5px;
                    height: 37px;
                    line-height: 35px;
                    border: 0;
                    background: #fff;
                }
            }
            .meat{
                float: left;
                margin-top: 10px;
                color: #aeaeae;
                margin-right: 10px;
                padding-top: 5px;
                line-height: 10px;
                font-size: 10px;
                a{
                    color: #aeaeae;
                    margin-right: 10px;
                }
            }
            
        }
        .header-banner{
            float: right;
            width: 190px;
            height: 62px;
        }
    }

}
// 导航栏
#daohang{
    height: 30px;
    background: #e4e4e4;
    .banxin{
            width: 1200px;
            height: 30px;
            position: relative;
            margin: 0 auto;
            li{
                position: relative;
                display: inline;
                float: left;
                height: 30px;
                font-size: 15px;
                line-height: 30px;
            }
            .classify{
                // background: #a8a8a8;
                text-decoration: none;
                color: black;
                width: 228px;
                position: relative;
                padding: 0;
                text-align: center;
                &:hover{
                    background-color: #a8a8a8;
                }
                &:hover .liebiao{
                        display: block;
                        // background-color: #fff;
                    } 
                .liebiao{
                    position: absolute;
                    top: 100%;
                    left: 0;
                    background: #fff;
                    height: 458px;
                    width: 228px;
                    box-sizing: border-box;
                    padding: 0px 5px;
                    overflow: hidden;
                    font-size: 12px;
                     display: none;
                    z-index: 2;
                    
                    p{
                        display: block;
                        height: 32px;
                        line-height: 32px;
                        color: #000000;
                        border-top: 1px solid #f2f2f2;
                        text-align:left;
                    }
                    dd{
                        padding: 0px 0 5px 30px;
                        margin-bottom: 5px;
                        a{
                            display: inline-block;
                            color: #a2a2a2;
                            line-height: 24px;
                            margin-right: 15px;

                        }
                    }
                }
            }
            .first-a{
                width: 128px;
                text-align: center;
                &:hover{
                    background-color: #a8a8a8;
                }
            }

    }

}
#zhongxin{
    height: 1870px;
    background: #fff;
    font-size: 12px;
    border-bottom: 1px solid #efefef;
    color: #b2b2b2;
    margin-bottom: 15px;
    .crumb-box{
        position: relative;
        width: 1200px;
        height: 36px;
        line-height: 36px;
        margin: 0 auto;
        a{
            color: #b2b2b2;
        }
    }
    .container{
        position: relative;
        width: 1200px;
        margin: 0 auto;
        .productList-left{
            float: left;
            width: 210px;
            display: inline;
            border: 1px solid #f2f2f2;
            min-height: 100px;
            background: #fff;
            .list-title{
                border-bottom: 1px solid #f2f2f2;
                color: #777777;
                font-size: 17px;
                line-height: 28px;
                padding: 10px 0 5px 10px;
                margin: 0 15px;
            }
            #leftimg{
                .left{
                    width: 190px;
                    margin: 0 auto;
                    border-bottom: 1px solid #eeeeee;
                    padding: 20px 0;
                    img{
                        position: relative;
                        width: 190px;
                        height: 190px;
                            display: block;
                    }
                    .name{
                        padding-top: 10px;
                        line-height: 20px;
                        .span{
                            color: #ff1818;
                            font-size: 14px;
                            padding-left: 5px;
                        }
                    }
                    .tool{
                        text-align: center;
                        margin-top: 15px;
                    }
                }
            }
        }
    }
    .right{
        float: left;
        margin-left: 17px;
        width: 970px;
        display: inline;
        min-height: 100px;
        .productList-search-box {
            border: 1px solid #ededed;
            background: #fff;
            margin-bottom: 15px;
            .productList-search-title {
                height: 42px;
                background: #f9f9f9;
                border-bottom: 1px solid #eeeeee;
            }
            .list-ul {
                .list{
                    position: relative;
                    border-bottom: 1px solid #ededed;
                    overflow: hidden;
                    zoom: 1;
                    padding-left: 80px;
                }
                .last{
                    border-bottom: 0;
                    position: relative;
                    height: 40px;
                    .label-text{
                        display: block;
                        color: #848484;
                        float: left;
                        font-size: 12px;
                        height: 100%;
                        width: 80px;
                        line-height: 40px;
                        background: #f9f9f9;
                        text-align: center;
                    border-bottom: 1px #f4f4f4 solid;

                    }
                    .div-text{
                        float: left;
                        width: 600px;
                        padding: 6px 0;
                        height: 40px;
                        padding-left: 20px;
                        box-sizing: border-box;
                        background-color: white;
                    border-bottom: 1px #f4f4f4 solid;

                        a{
                            display: inline-block;
                            margin-left: 10px;
                            margin-right: 10px;
                            color: #848484;
                            font-size: 12px;
                            line-height: 30px;
                            &:hover{
                                color: red;
                                text-decoration: underline;
    
                            }
                        }
                       .active{
                            color: #ff001e;
                            text-decoration: underline;
                        }
                    }
                    }
                }
            }
        .product-sort-box {
                height: 30px;
                margin-bottom: 15px;
            .sort-left {
                    display: inline;
                    float: left;
                    border: 1px solid #e2e2e2;
                    background: #fff;
                    height: 26px;
                .sort-a{
                        float: left;
                        display: inline-block;
                        width: 65px;
                        height: 26px;
                        line-height: 26px;
                        text-align: center;
                        color: #666;
                        border-right: 1px solid #d8d8d8;
                    }
                .have-goods {
                        float: left;
                        position: relative;
                        display: inline-block;
                        height: 26px;
                        width: 200px;
                        line-height: 26px;
                        padding-left: 15px;
                    }
            }
            .sort-right {
                display: inline;
                float: right;
               .number {
                    color: #666666;
                    font-size: 12px;
                    line-height: 30px;
                }
            }
        }
        .tu{
            min-height: 100px;
            overflow: hidden;
            margin-right: -20px;
            width: 992px;
            a{
                color: #a8a8a8;
            }
            .list {
                position: relative;
                float: left;
                width: 233px;
                height: 375px;
                border: 1px solid #e9e9e9;
                margin-right: 10px;
                margin-bottom: 10px;
                background: #fff;
                color: black;
                img{
                    width: 200px;
                    height: 200px;
                }
                .p-name {
                    margin: 12px auto 0 auto;
                    width: 200px;
                    border-top: 1px solid #ebebeb;
                    padding-top: 10px;
                    line-height: 24px;
                    height: 48px;
                    overflow: hidden;
                    /* white-space: nowrap; */
                    text-overflow: ellipsis;
                }
                .p-price-comment {
                    margin: 0 auto 14px auto;
                    width: 200px;
                    height: 35px;
                    line-height: 35px;
                    .price{
                        margin-right: 10px;
                    }
                    strong{
                        color: red;
                        margin-right: 80px;

                    }
                    em{
                        color: red;
                    }
                }
                }
                .p-tool {
                    width: 100%;
                    position: absolute;
                    left: 0;
                    clear: both;
                    border-top: 1px solid #dfdfdf;
                    height: 34px;
                    overflow: hidden;
                    text-align: center;
                    line-height: 34px;
            }
        }
       
        }
        .page-box {
            margin-top: 30px;
            text-align: right;
            color: #666;
            margin-bottom: 20px;
            font-size: 12px;
            .pagination {
                display: inline-block;
                padding-left: 0;
                margin: 20px 0;
                font-size: 12px;
                border-radius: 4px;
                text-align: center;
                line-height: 32px;
                .disabled{
                 width: 62px;
                 height: 32px;
                 background-color: white;
                }
                li{
                    float: left;
                    width: 32px;
                 height: 32px; 
                 border-color: #eeeeee;
                 background-color: white;
                 border: 1px solid #f2f2f2;
                    a{
                        z-index: 2;
                        color: black;
                        cursor: default;
                    }
                }
            }
        }
}
    // 末尾
.mowei{
        height: 474px;
        background: #fff;
        .yi{
            width: 100%;
            height: 163px;
            border-bottom:1px solid #e4e4e4 ;
            .tubiao{
                width: 1200px;
                margin: 0px auto;
                height: 163px;
                display: flex;
                div{
                    flex: 1;
                    padding-top: 40px;
                    text-align: center;
                    line-height: 30px;
                    img{
                        width: 53px;
                        height: 53px; 
                    }
                }
            }
    
        }
        .er{
            width: 100%;
            height: 175px;
            border-bottom: 1px #e4e4e4 solid;
            .liebiao{
                width: 1200px;
                margin: 0 auto;
                padding: 35px 0;
                .help-dl{
                    float: left;
                    width: 200px;
                    dt{
                        font-size: 14px;
                        font-weight: bold;
                        line-height: 33px;
                        color: #636363;
                        dd{
                            line-height: 24px;
                        }
                    }
                }
                .help-contact{
                    float: left;
                    width: 200px;
                    text-align: center;
                    .p1{
                        color: #5c5b5b;
                        font-family: "SimSun", Verdana, Arial;
                        font-size: 22px;
                        line-height: 33px;
                    }
                    .p2{
                        font-family: "SimSun", Verdana, Arial;
                        color: #565656;
                        font-size: 12px;
                        line-height: 20px;
                        padding-bottom: 15px;
                    }
                }
            }
        }
        .san{
            padding-top: 30px;
            .copyroght{
                font-size: 12px;
                color: #7f7f7f;
                padding: 30px 0 30px 0;
            }
            .container{
                width: 1200px;
                margin-left: auto;
                margin-right: auto;
                p{
                color: #7f7f7f;
                    line-height: 30px;
                    text-align: center;
                }
            }
        }
    }